
.no-border {
    border: none;
    outline: none;
}
.no-shadow {
    box-shadow: none;
}

.fit-content {
    width: fit-content;
}

.width-80 {
    width: 80%;
}
.width-90 {
    width: 90%;
}
.width-100 {
    width: 100%;
}
.height-80 {
    height: 80%;
}
.height-90 {
    height: 90%;
}
.height-100 {
    height: 100%;
}

.max-width-80 {
    max-width: 80%;
}
.max-width-90 {
    max-width: 90%;
}
.max-height-80 {
    max-height: 80%;
}
.max-height-90 {
    max-height: 90%;
}

.margin-1rem {
    margin: 1rem;
}

.sticky {
    position: sticky;
    top: 25%;
}

.font-small {
    font-size: small;
}
.font-large {
    font-size: large;
}

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.flex-1 {
    flex: 1;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}
.justify-center,
.content-center {
    justify-content: center;
}
.justify-right,
.content-right {
    justify-content: right;
}
.justify-space-between,
.content-space-between {
    justify-content: space-between;
}

.gap-05em {
    gap: 0.5em;
}
.gap-05rem {
    gap: 0.5rem;
}
.gap-1em {
    gap: 1em;
}
.gap-1rem {
    gap: 1rem;
}


.hide {
    display: none;
}

img {
    user-select: none;
    -webkit-user-drag: none;
}


